<template>
  <div style="max-width: 800px; width: 100%;">
    <div class="row justify-start q-ma-md">
      <q-select v-model="pagination.itemsPerPage" :options="options" label="Items Per Page" class="q-ma-sm col-4" />
    </div>
    <q-separator />
    <q-icon-picker
      v-model="value"
      icon-set="material-icons"
      :pagination.sync="pagination"
      style="height: 220px;"
    />
  </div>
</template>

<script>
export default {
  data () {
    return {
      value: '',
      pagination: {
        itemsPerPage: 75,
        page: 0
      },
      options: [25, 50, 75, 100]
    }
  }
}
</script>
